<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>个人简历</title>
		<link rel="stylesheet" type="text/css" href="lib/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="lib/swiper/css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="lib/swiper/css/swiper-3.4.1.min.css"/>
		<link rel="stylesheet" type="text/css" href="less/index.css"/>
	</head>
	<body>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide first">
					<div class="bg_1 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
						<img src="images/indexBuilding.png" />
					</div>
					<div class="bg_2 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="images/indexElements.png" class="animated alwaysZoom infinite linear alternate ani" swiper-animate-duration="1.3s" />
					</div>
					<div class="bg_3 ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
						<img src="images/indexCloud.png" class="animated alwaysZoom infinite linear alternate ani" swiper-animate-duration="1s" />
					</div>
					<div class="logo ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="1.2s">
						<img src="images/w.png" />
					</div>
					<div class="mysmi ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
						<img src="images/my1.png" />
					</div>
					<div class="myname ani" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
						<img src="images/ss.png" />
					</div>
					<div class="name ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="2.5s">
						<img src="images/name2_01.png" />
					</div>
					<div class="swiper-up" id="swiper-up">
						<img src="images/arrow-up.png"class="animated arrowUp infinite alternate linear ani" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s"   />
					</div>
				</div>
				<div class="swiper-slide two">
					<div class="headBg">
						<img src="images/page_3_02.png" />
					</div>
					<div class="head ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="0.6s">
						<img src="images/page_2_01_02.png" />
					</div>
					<div class="main">
						<div class="main_1 ani" swiper-animate-effect="rotateOut" swiper-animate-duration="1s" swiper-animate-delay="6s">
							<img src="images/wo_03.png" class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1s" />
							<ul class="right">
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.2s">姓名：沈杰平</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.4s">性别：男</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.6s">出生日期：1994年08月</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">学历：本科</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.0s">专业：计算机应用</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.2s">技能：web前端工程师</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.4s">开发经验：三年</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.6s">电话：15953183517</li>
								<li class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.8s">邮箱:x19940717@126.com</li>
							</ul>
						</div>
						<div class="main_2 ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="6.5s">
							<h2>我的履历</h2>
							<div class="proec ani" swiper-animate-effect="rotateOutDownRight" swiper-animate-duration="1s" swiper-animate-delay="9.5s">
								<p>2016.09 - 2017.01 走秀网 App </p>
								<div class="decor">
									<span class="left">责任描述</span>
									<span class="right">1.实现UI设计稿进行页面布局，适配各个机型。2.运用JS等方法制作一些交互效果。3.配合后台实现数据交互，进行数据联调等。4.进行后期测试，Bug修改。</span>
								</div>
								<div class="decor">
									<span class="left">项目描述</span>
									<span class="right">该客户端是由一群电商有志青年创立的海外商品轻创业平台，为创客提供来自日韩澳美德等多个国家、母婴、美妆、日化、零食、保健品等过亿商品。是中国领先的跨境轻创业平台。 </span>
								</div>
							</div>
							<div class="pack">
								<div class="pack_1 ani" swiper-animate-effect="rotateInDownRight" swiper-animate-duration="1s" swiper-animate-delay="10s">
									<p>2016.03 - 2016.08 d1优尚网</p>
									<div class="decor">
										<span class="left">责任描述</span>
										<span class="right">根据产品以及设计人员的需求，用HTML5+CSS3、JQuery、JS等前端技术，进行框架的搭建以及页面整合。以及网站后期的维护和修改。</span>
									</div>
									<div class="decor">
										<span class="left">项目描述</span>
										<span class="right">D1优尚网是一款基于电商类的网站，运用了许多方面的技术，比如，js,jQuery,ajax,sass可视化工具，为顾客提供各种商品，包括衣服，鞋，创意家居，化妆品等，持续拓展更多的商品，运ajax向后台强求数据，渲染到页面。</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="swiper-up" id="swiper-up">
						<img src="images/arrow-up.png"class="animated arrowUp infinite alternate linear ani" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s"   />
					</div>
				</div>
				<div class="swiper-slide three">
					<img src="images/1122.png" class="bg"/>
					<div class="head ani" swiper-animate-effect="fadeInDownBig" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="images/page_7_01.png" class="" />
					</div>
					<div class="tack_1 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.9s">
						<p>HTML+CSS3</p>
					</div>
					<div class="tack_2 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<p>JavaScript</p>
					</div>
					<div class="tack_3 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<p>jQuery,Zepto</p>
					</div>
					
					<div class="delite_1">
						<div class="delitesub_1">
							<h3>
								<span class="delite">01</span>
								<span class="delite">HTML+CSS3</span>
								<img src="images/close.png"/>
							</h3>
							<p>熟悉HTML+CSS网页基本布局</p>
							<p>能熟练的运用HTML编写各种静态网页</p>
							<P>熟练运用HTML5+CSS3编写各种动态效果</P>
							<p>熟悉HTML的低版本兼容问题，能做到兼容到IE8</p>
							<p>熟悉CSS的各种兼容问题</p>
						</div>
					</div>
					<div class="delite_2">
						<div class="delitesub_2">
							<h3>
								<span class="delite">02</span>
								<span class="delite">JavaScript</span>
								<img src="images/close.png"/>
							</h3>
							<p>熟悉JavaScript编程的基本规范</p>
							<p>能熟练运用js编写各种网页效果</p>
							<P>能熟练运用js实现与后台的交互</P>
							<p>能运用面向对象的思想编写各种程序</p>
							<p>熟悉ES6的新特性</p>
						</div>
					</div>
					<div class="delite_3">
						<div class="delitesub_3">
							<h3>
								<span class="delite">03</span>
								<span class="delite">jQuery,Zepto</span>
								<img src="images/close.png"/>
							</h3>
							<p>熟悉jQuery和Zepto库函数的基本概念</p>
							<p>熟悉jQuery的各种选择器，事件，及动画的基本使用方法</p>
							<p>能熟练运用jQuery编写各种网页效果</p>
							<P>能熟练运用Zepto实现移动端开发</P>
							<p>熟悉jQuery各种插件的使用</p>
						</div>
					</div>
					<div class="swiper-up" id="swiper-up">
						<img src="images/arrow-up.png"class="animated arrowUp infinite alternate linear ani" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s"   />
					</div>
				</div>
				<div class="swiper-slide four">
					<img src="images/2121.png" class="bg"/>
					
					<div class="tack_4 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.9s">
						<p>Angular,React框架</p>
					</div>
					<div class="tack_5 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<p>移动APP和混合开发</p>
					</div>
					<div class="tack_6 ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<p>微信小程序开发</p>
					</div>
					
					<div class="delite_4">
						<div class="delitesub_4">
							<h3>
								<span class="delite">04</span>
								<span class="delite">Angular,React框架</span>
								<img src="images/close.png"/>
							</h3>
							<p>熟悉Angular.js和React.js框架的基本原理</p>
							<p>熟练运用Angular.js的MVVM思想编写各种网页</p>
							<P>能运用Angular实现数据层和视图层的分离</P>
							<p>能熟练运用Angular和React获取后台数据，与后进行数据交互</p>
							<p></p>
						</div>
					</div>
					<div class="delite_5">
						<div class="delitesub_5">
							<h3>
								<span class="delite">05</span>
								<span class="delite">移动APP和混合开发</span>
								<img src="images/close.png"/>
							</h3>
							<p>能运用H5+和mui编写各种网页APP</p>
							<p>能熟练Wex5编写并打包成app</p>
							<P>能结合Angular和React等各种框架来开发移动APP</P>
							<p>能运用PhoneGap和Hbulder真机运行和调试</p>
							<p>能通过调用接口去调用系统功能，比如拍照，通讯录等</p>
						</div>
					</div>
					<div class="delite_6">
						<div class="delitesub_6">
							<h3>
								<span class="delite">06</span>
								<span class="delite">微信小程序开发</span>
								<img src="images/close.png"/>
							</h3>
							<p>熟练微信公众号开发微信网页</p>
							<p>熟练结合微信服务号与百度云的结合，并将项目上传到百度云</p>
							<p>能运用微信提供的各种接口实现不同的功能</p>
							<P>能熟练运用Zepto实现移动端开发</P>
							<p>熟悉jQuery各种插件的使用</p>
						</div>
					</div>
					<div class="swiper-up" id="swiper-up">
						<img src="images/arrow-up.png"class="animated arrowUp infinite alternate linear ani" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s"   />
					</div>
				</div>
				<div class="swiper-slide five">
					<div class="bg ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="images/page_6_02.png" />
					</div>
					<div class="head ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="images/aa2.png" />
					</div>
					<div class="infor ani" swiper-animate-effect="bounceInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1s">期望工作地点：北京</p>
						<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">期望薪资：12K</p>
						<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.6s">目前状况：我目前处于离职状态，可立即上岗</p>
						<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.9s">期望工作性质：全职</p>
						<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.2s">希望从事职业：Web前端开发</p>
						<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.5s">希望从事行业：互联网/电子商务</p>
					</div>
					<div class="swiper-up" id="swiper-up">
						<img src="images/arrow-up.png"class="animated arrowUp infinite alternate linear ani" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s"   />
					</div>
				</div>
				<div class="swiper-slide six">
					<div class="bg">
						<img src="images/page_9_01.png" />
					</div>
				</div>
			</div>
	    </div>
	    <div id="music"><img src="images/musicBtn.png" /></div>
		<audio src="images/Waterfall.mp3" autoplay="" id="play" loop="loop"></audio>
	</body>
	<script src="js/zepto_1.1.3.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/swiper/js/swiper-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="lib/swiper/js/swiper.animate1.0.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</html>
